<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<link type="text/css" rel="stylesheet" href="static/css/bootstrap.css">
<link type="text/css" rel="stylesheet" href="static/css/main.css">
<script type="text/javascript" src="static/js/bootstrap.js"></script>
<script type="text/javascript" src="static/js/jquery-3.6.0.min.js"></script>
<body>
<div class="container main">
    <div id="head"></div>
    <script type="text/javascript">
        $("#head").load("common/head.html");
    </script>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <p class="h2">欢迎访问我的简易主页</p>
        </div>
    </div>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <a href="views/pageOne.html">制作饭店菜单价格表</a>
        </div>
        <div class="col-sm">
            <a href="views/pageTwo.html">新生简介页面</a>
        </div>
        <div class="col-sm">
            <a href="views/pageThree.html">桂林山水风景图片</a>
        </div>
    </div>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <a href="views/pageFour.html">图像画廊</a>
        </div>
        <div class="col-sm">
            <a href="views/pageFive.html">音视频播放</a>
        </div>
        <div class="col-sm">
            <a href="views/pageSix.html">简易导航</a>
        </div>
    </div>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <a href="views/pageSeven.html">文轩图书榜</a>
        </div>
        <div class="col-sm">
            <a href="views/pageEight.html">巴城老街风景</a>
        </div>
        <div class="col-sm">
            <a href="views/pageNine.html">鼠标经过图片显示大图</a>
        </div>
    </div>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <a href="views/pageTen.html">京东商品导购</a>
        </div>
        <div class="col-sm">
            <a href="views/pageEleven.html">利用CSS+DIV进行固定页面布局设计</a>
        </div>
        <div class="col-sm">
            <a href="views/pageTwelve.html">利用CSS+DIV进行弹性页面布局</a>
        </div>
    </div>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <a href="views/pageThirteen.html">网页总体设计</a>
        </div>
        <div class="col-sm">
            <a href="views/pageFourteen.html">2022年CERNET华东北地区年会</a>
        </div>
    </div>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <a href="views/midTermExam.html">大学生暑期社会实践调查问卷</a>
        </div>
    </div>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <a href="views/pageFifteen.html">利用JavaScript动态改变网页字体大小</a>
        </div>
        <div class="col-sm">
            <a href="views/pageSixteen.html">计算任意区间内连续自然数的累加和</a>
        </div>
        <div class="col-sm">
            <a href="views/pageSeventeen.html">实现"求100以内的素数"</a>
        </div>
    </div>
    <div class="row align-content-center text-center">
        <div class="col-sm">
            <a href="views/pageEighteen.html">彩投注站彩票投注助手</a>
        </div>
        <div class="col-sm">
            <a href="views/pageNineteen.html">列表框图像浏览器</a>
        </div>
    </div>
</div>
</body>
</html>
